<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <g:set var="entityName" value="${message(code: 'contact.label', default: 'Contact')}" />
    <title>工作地点频繁预警详情</title>
    <asset:stylesheet src="intelligence/swiper.css"/>
    <style>
    .contact-stat{
        padding: 8px 0px;
        text-align: center;
    }
    .contact-stat span{
        font-size: 13px;
        color: #88898c;
        margin-bottom: 10px;
    }
    .contact-stat strong{
        font-size: 13px;
        word-wrap: break-word;
    }
    .nav-tabs{
        border-bottom: none;
    }
    .hpanel > .panel-footer, .hpanel > .panel-section{
        background: #f9f9f9;
    }
    .flex{
        display: flex;justify-content: center;align-items: center;
    }
    .newFontSize{
        font-size: 12px;
    }
    table>tbody>tr>td, table>tbody>tr>th,.table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th{
        padding: 8px;
        line-height: 1.42857143;
        white-space: nowrap;
    }
    /*轮播图样式*/
    .swiper-container{
        width: 100%;
        height: 300px;
        margin-top: 10px;
    }
    .swiper-pagination-bullet-active{
        opacity: 0.6;
        background: #fff;
    }
    @media (max-width:1654px){
        #screenPage,#screenPage_1{
            height:162px;
        }
    }
    @media (max-width:1382px){
        #screenPage_2{
            height:477px;
        }
    }
    </style>
</head>
<body class="fixed-navbar fixed-sidebar">

<div class="small-header">
    <div class="hpanel">
        <div class="panel-body">
            <div id="hbreadcrumb" class="pull-right navFloatRight">
                <ol class="hbreadcrumb breadcrumb">
                    <li>
                        <span>CINDTATA PLS</span>
                    </li>
                    <li>
                        <span><g:link action="index">工作地点频繁预警</g:link></span>
                    </li>
                    <li class="active">
                        <span>工作地点频繁预警详情</span>
                    </li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="content animate-panel">
    <g:if test="${params?.id=="1"}">
        <div class="row">
            <div class="hpanel hgreen" style="">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    主要信息
                </div>
                <div class="panel-body">
                    <div class="col-md-12 text-center">
                        <div class="col-md-3" style="width: 33%">
                            <h3 class="font-extra-bold m-b-xs text-center">
                                <small style="font-size: 16px;">预警处置 : </small>
                                <span class="unitPrice" style="color: #62CB31">工作地点频繁</span>
                            </h3>
                            <p><small style="color: #62CB31">大于5个工作单位（近半年）</small></p>
                        </div>
                        <div class="col-md-3" style="width: 33%;">
                            <h3 class="font-extra-bold m-b-xs text-center">
                                <small style="font-size: 16px;">当前工作单位 :</small>
                                <span class="totalPrice">北京市海淀区XX科技有限公司</span>
                                <small class="newFontSize"></small>
                            </h3>
                        </div>
                        <div class="col-md-3" style="width: 33%;">
                            <h3 class="font-extra-bold m-b-xs text-center">
                                <small style="font-size: 16px;">当前工作单位地址 :</small>
                                <span class="totalPrice">北京市海淀区XX</span>
                                <small class="newFontSize"></small>
                            </h3>
                        </div>

                    </div>
                </div>

                <div class="panel-footer contact-footer">
                    <div class="row">
                        <div class="col-md-3" style="width: 33%;">
                            <div class="contact-stat">
                                <small style="font-size: 16px;">职务</small>
                                <span class="totalPrice">副总经理</span>
                                <small class="newFontSize"></small>
                            </div>
                        </div>
                        <div class="col-md-3" style="width: 33%;">
                            <div class="contact-stat">
                                <small style="font-size: 16px;">职称</small>
                                <span class="totalPrice">-</span>
                                <small class="newFontSize"></small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="hpanel hgreen" style="">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    借款人信息
                </div>
                <div class="panel-body no-padding" style="overflow-x:scroll;">
                    <table class="table table-striped table-bordered table-hover text-center">
                        <thead>
                        <tr>
                            <th>姓名</th>
                            <th>性别</th>
                            <th>年龄</th>
                            <th>证件类型</th>
                            <th>证件号码</th>
                            <th>联系方式</th>
                            <th>借记卡号</th>
                            <th>出生年月日</th>
                            <th>户口所在地</th>
                            <th>户口性质</th>
                            <th>工作单位</th>
                            <th>工作单位性质</th>
                            <th>职称</th>
                            <th>职务</th>
                            <th>学历</th>
                            <th>婚姻状况</th>
                            <th>家庭月收入</th>
                            <th>信用等级</th>
                            <th>信用额度</th>
                            <th>信用余额</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>王卿城</td>
                            <td>男</td>
                            <td>49</td>
                            <td>身份证</td>
                            <td>103947******</td>
                            <td>13530882311</td>
                            <td>-</td>
                            <td>1969-04-01</td>
                            <td>-</td>
                            <td>农业户口</td>
                            <td>北京市海淀区XX科技有限公司</td>
                            <td>科技有限公司</td>
                            <td>-</td>
                            <td>副总经理</td>
                            <td>本科</td>
                            <td>已婚</td>
                            <td>-</td>
                            <td>-</td>
                            <td>1000000</td>
                            <td>600000</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="hpanel hgreen" style="">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    全部工作地点信息
                </div>

                <div class="panel-body no-padding">
                    <table class="table table-striped table-bordered table-hover text-center">
                        <thead>
                        <tr>
                            <th>工作单位</th>
                            <th>工作单位地址</th>
                            <th>职务</th>
                            <th>职称</th>
                            <th>在职时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>北京市海淀区XX科技有限公司</td>
                            <td>北京市海淀区XX</td>
                            <td>副总经理</td>
                            <td>-</td>
                            <td>2018-07-01—至今</td>
                        </tr>
                        <tr>
                            <td>北京市西城区XX科技有限公司</td>
                            <td>北京市西城区XX</td>
                            <td>副总经理</td>
                            <td>-</td>
                            <td>2018-06-01—2018-07-01</td>
                        </tr>
                        <tr>
                            <td>北京市海淀区XX科技有限公司</td>
                            <td>北京市海淀区XX</td>
                            <td>副总经理</td>
                            <td>-</td>
                            <td>2018-05-01—2018-06-01</td>
                        </tr>
                        <tr>
                            <td>北京市海淀区XX科技有限公司</td>
                            <td>北京市海淀区XX</td>
                            <td>副总经理</td>
                            <td>-</td>
                            <td>2018-04-01—2018-05-01</td>
                        </tr>
                        <tr>
                            <td>北京市海淀区XX科技有限公司</td>
                            <td>北京市海淀区XX</td>
                            <td>副总经理</td>
                            <td>-</td>
                            <td>2018-02-01—2018-04-01</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </g:if>
    <g:if test="${params?.id=="2"}">
        <div class="row">
            <div class="hpanel hgreen" style="">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    主要信息
                </div>
                <div class="panel-body">
                    <div class="col-md-12 text-center">
                        <div class="col-md-3" style="width: 33%">
                            <h3 class="font-extra-bold m-b-xs text-center">
                                <small style="font-size: 16px;">预警处置 : </small>
                                <span class="unitPrice" style="color: #62CB31">工作地点频繁</span>
                            </h3>
                            <p><small style="color: #62CB31">大于5个工作单位（近半年）</small></p>
                        </div>
                        <div class="col-md-3" style="width: 33%;">
                            <h3 class="font-extra-bold m-b-xs text-center">
                                <small style="font-size: 16px;">当前工作单位 :</small>
                                <span class="totalPrice">北京市东城区XX集团股份有限公司</span>
                                <small class="newFontSize"></small>
                            </h3>
                        </div>
                        <div class="col-md-3" style="width: 33%;">
                            <h3 class="font-extra-bold m-b-xs text-center">
                                <small style="font-size: 16px;">当前工作单位地址 :</small>
                                <span class="totalPrice">北京市东城区XX</span>
                                <small class="newFontSize"></small>
                            </h3>
                        </div>

                    </div>
                </div>

                <div class="panel-footer contact-footer">
                    <div class="row">
                        <div class="col-md-3" style="width: 33%;">
                            <div class="contact-stat">
                                <small style="font-size: 16px;">职务</small>
                                <span class="totalPrice">总经理</span>
                                <small class="newFontSize"></small>
                            </div>
                        </div>
                        <div class="col-md-3" style="width: 33%;">
                            <div class="contact-stat">
                                <small style="font-size: 16px;">职称</small>
                                <span class="totalPrice">-</span>
                                <small class="newFontSize"></small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="hpanel hgreen" style="">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    借款人信息
                </div>
                <div class="panel-body no-padding" style="overflow-x:scroll;">
                    <table class="table table-striped table-bordered table-hover text-center">
                        <thead>
                        <tr>
                            <th>姓名</th>
                            <th>性别</th>
                            <th>年龄</th>
                            <th>证件类型</th>
                            <th>证件号码</th>
                            <th>联系方式</th>
                            <th>借记卡号</th>
                            <th>出生年月日</th>
                            <th>户口所在地</th>
                            <th>户口性质</th>
                            <th>工作单位</th>
                            <th>工作单位性质</th>
                            <th>职称</th>
                            <th>职务</th>
                            <th>学历</th>
                            <th>婚姻状况</th>
                            <th>家庭月收入</th>
                            <th>信用等级</th>
                            <th>信用额度</th>
                            <th>信用余额</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>马明天</td>
                            <td>男</td>
                            <td>39</td>
                            <td>身份证</td>
                            <td>130947******</td>
                            <td>18932442276</td>
                            <td>-</td>
                            <td>1979-04-01</td>
                            <td>-</td>
                            <td>非农业户口</td>
                            <td>北京市东城区XX集团股份有限公司</td>
                            <td>股份有限公司</td>
                            <td>-</td>
                            <td>总经理</td>
                            <td>硕士</td>
                            <td>已婚</td>
                            <td>-</td>
                            <td>-</td>
                            <td>5000000</td>
                            <td>4600000</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="hpanel hgreen" style="">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    全部工作地点信息
                </div>

                <div class="panel-body no-padding">
                    <table class="table table-striped table-bordered table-hover text-center">
                        <thead>
                        <tr>
                            <th>工作单位</th>
                            <th>工作单位地址</th>
                            <th>职务</th>
                            <th>职称</th>
                            <th>在职时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>北京市东城区XX集团股份有限公司</td>
                            <td>北京市东城区XX</td>
                            <td>总经理</td>
                            <td>-</td>
                            <td>2018-07-01—至今</td>
                        </tr>
                        <tr>
                            <td>北京市西城区XX科技有限公司</td>
                            <td>北京市西城区XX</td>
                            <td>总经理</td>
                            <td>-</td>
                            <td>2018-06-01—2018-07-01</td>
                        </tr>
                        <tr>
                            <td>北京市海淀区XX科技有限公司</td>
                            <td>北京市海淀区XX</td>
                            <td>总经理</td>
                            <td>-</td>
                            <td>2018-05-01—2018-06-01</td>
                        </tr>
                        <tr>
                            <td>北京市海淀区XX科技有限公司</td>
                            <td>北京市海淀区XX</td>
                            <td>总经理</td>
                            <td>-</td>
                            <td>2018-04-01—2018-05-01</td>
                        </tr>
                        <tr>
                            <td>北京市海淀区XX科技有限公司</td>
                            <td>北京市海淀区XX</td>
                            <td>总经理</td>
                            <td>-</td>
                            <td>2018-02-01—2018-04-01</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </g:if>
    <g:if test="${params?.id=="3"}">
        <div class="row">
            <div class="hpanel hgreen" style="">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    主要信息
                </div>
                <div class="panel-body">
                    <div class="col-md-12 text-center">
                        <div class="col-md-3" style="width: 33%">
                            <h3 class="font-extra-bold m-b-xs text-center">
                                <small style="font-size: 16px;">工作地点数量 : </small>
                                <span class="unitPrice" style="color: #62CB31">5个</span>
                            </h3>
                            <p><small style="color: #62CB31"></small></p>
                        </div>
                        <div class="col-md-3" style="width: 33%;">
                            <h3 class="font-extra-bold m-b-xs text-center">
                                <small style="font-size: 16px;">当前工作单位 :</small>
                                <span class="totalPrice">北京市昌平区XX科技有限公司</span>
                                <small class="newFontSize"></small>
                            </h3>
                        </div>
                        <div class="col-md-3" style="width: 33%;">
                            <h3 class="font-extra-bold m-b-xs text-center">
                                <small style="font-size: 16px;">当前工作单位地址 :</small>
                                <span class="totalPrice">北京市昌平区XX</span>
                                <small class="newFontSize"></small>
                            </h3>
                        </div>

                    </div>
                </div>

                <div class="panel-footer contact-footer">
                    <div class="row">
                        <div class="col-md-3" style="width: 33%;">
                            <div class="contact-stat">
                                <small style="font-size: 16px;">职务</small>
                                <span class="totalPrice">总经理</span>
                                <small class="newFontSize"></small>
                            </div>
                        </div>
                        <div class="col-md-3" style="width: 33%;">
                            <div class="contact-stat">
                                <small style="font-size: 16px;">职称</small>
                                <span class="totalPrice">-</span>
                                <small class="newFontSize"></small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="hpanel hgreen" style="">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    借款人信息
                </div>
                <div class="panel-body no-padding" style="overflow-x:scroll;">
                    <table class="table table-striped table-bordered table-hover text-center">
                        <thead>
                        <tr>
                            <th>姓名</th>
                            <th>性别</th>
                            <th>年龄</th>
                            <th>证件类型</th>
                            <th>证件号码</th>
                            <th>联系方式</th>
                            <th>借记卡号</th>
                            <th>出生年月日</th>
                            <th>户口所在地</th>
                            <th>户口性质</th>
                            <th>工作单位</th>
                            <th>工作单位性质</th>
                            <th>职称</th>
                            <th>职务</th>
                            <th>学历</th>
                            <th>婚姻状况</th>
                            <th>家庭月收入</th>
                            <th>信用等级</th>
                            <th>信用额度</th>
                            <th>信用余额</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>田爽</td>
                            <td>女</td>
                            <td>35</td>
                            <td>身份证</td>
                            <td>1010018*****</td>
                            <td>13338099965</td>
                            <td>-</td>
                            <td>1983-09-01</td>
                            <td>-</td>
                            <td>非农业户口</td>
                            <td>北京市昌平区XX科技有限公司</td>
                            <td>科技有限公司</td>
                            <td>-</td>
                            <td>总经理</td>
                            <td>博士</td>
                            <td>已婚</td>
                            <td>-</td>
                            <td>-</td>
                            <td>1100000</td>
                            <td>600000</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="hpanel hgreen" style="">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    全部工作地点信息
                </div>

                <div class="panel-body no-padding">
                    <table class="table table-striped table-bordered table-hover text-center">
                        <thead>
                        <tr>
                            <th>工作单位</th>
                            <th>工作单位地址</th>
                            <th>职务</th>
                            <th>职称</th>
                            <th>在职时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>北京市昌平区XX科技有限公司</td>
                            <td>北京市昌平区XX</td>
                            <td>总经理</td>
                            <td>-</td>
                            <td>2018-07-01—至今</td>
                        </tr>
                        <tr>
                            <td>北京市西城区XX科技有限公司</td>
                            <td>北京市西城区XX</td>
                            <td>总经理</td>
                            <td>-</td>
                            <td>2018-06-01—2018-07-01</td>
                        </tr>
                        <tr>
                            <td>北京市海淀区XX科技有限公司</td>
                            <td>北京市海淀区XX</td>
                            <td>总经理</td>
                            <td>-</td>
                            <td>2018-05-01—2018-06-01</td>
                        </tr>
                        <tr>
                            <td>北京市海淀区XX科技有限公司</td>
                            <td>北京市海淀区XX</td>
                            <td>总经理</td>
                            <td>-</td>
                            <td>2018-04-01—2018-05-01</td>
                        </tr>
                        <tr>
                            <td>北京市海淀区XX科技有限公司</td>
                            <td>北京市海淀区XX</td>
                            <td>总经理</td>
                            <td>-</td>
                            <td>2018-02-01—2018-04-01</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </g:if>
</div>
<script>
    var riskText=$('.risk').text();
    if(riskText=='低风险>>')
    {
        $('.risk').css('color','#62CB31');
    }else if(riskText=='中风险>>'){
        $('.risk').css('color','#FF9800');
    }
    else if(riskText=='高风险>>'){
        $('.risk').css('color','#E51C23');
    }else{
        $('.risk').css('color','#3498DB');
    }
    function show(id)
    {
        var url = window.location.origin+"/mortgage/show?id="+id;
        window.open(url);
    }
</script>
</body>
</html>
